<template>
  <div style="height: 100%  ">
    <el-container style="height: 100%  ">
    <el-aside style="width: 200pxpx ">
    <Menu></Menu>
    </el-aside>
    <el-main>
      <h2>查看日志 <span style="font-size: xx-small;color: gray"></span></h2>
      <el-input type="textarea" :rows="15" v-model="look_log.logs" ></el-input>
      <el-divider></el-divider>
      错误:<strong style="color: red">{{look_log.error_count}}</strong>
      错误行:<strong style="color: red">{{look_log.error_lines}}</strong>
      <el-divider></el-divider>
      警告数:<strong>{{look_log.warning_count}}</strong>
      警告行:<strong>{{look_log.warning_lines}}</strong>
       <el-divider></el-divider>
    </el-main>
     </el-container>
  </div>
</template>

<script>
import axios from "axios";
import Menu from '../components/Menu'
export default {
  name: "look_logs",
  data () {
      return{
        look_log:{
        logs:'',
        error_count:0,
        error_lines:[],
        warning_count:0,
        warning_lines:[],
        }
      }},
  mounted(){ axios.get('http://localhost:8000/look_logs/').then(res=>{
    this.look_log=res.data
  })
  },
  methods: {},
  components:{
    Menu
  }
}
</script>

<style scoped>

</style>